<template>
  <div class="common-body-wrapper">
    <search-header single-width="130" :searchList="searchList" @changeHeight="toRetTable" @confirmSearch="toSearch"
    :isNeedTree="true" :isCheckbox="true" :paramName="paramName" @setSelectedNode="setSelectedNode"
    ></search-header>
    <div class="common-table-tree-wrapper">
      <div class="common-table-wrapper">
        <multi-fun-table :sortColumn='notFormatColumn' :orderType='sortType' :fixed-cols="fixedCols" :is-reset-table="isResetTable" :theads-info="theadsInfo" :tbodys-info="tbodysInfo" @handleMultiCheck="handleMultiCheck" @handleSortColumn="handleSortColumn" @searchFn="getList" @getNextPage="getNextPage">
          <div class="operate-btn-group" slot="operateBtnGroup">
            <a class="ake_btn ake_btn_text" v-if="isPermmited('PLATFORM:PARKCOUPON:MANAGE:SAVE')" @click.prevent="favourableModal_open(null,'new')">添加优惠</a>
            <a class="ake_btn ake_btn_text" v-if="isPermmited('PLATFORM:PARKCOUPON:MANAGE:DEL')" @click.prevent="cellhanlder('DT',null,'是否删除优惠？')">删除优惠</a>
            <a class="ake_btn ake_btn_text" v-if="isPermmited('PLATFORM:PARKCOUPON:MANAGE:UPDATESTATUS')" @click.prevent="cellhanlder('QY',null,'是否启用？')">启用</a>
            <a class="ake_btn ake_btn_text" v-if="isPermmited('PLATFORM:PARKCOUPON:MANAGE:UPDATESTATUS')" @click.prevent="cellhanlder('DJ',null,'是否冻结？')">禁用</a>
            <a class="ake_btn ake_btn_text" v-if="isPermmited('PLATFORM:PARKCOUPON:MANAGE:DOWNLOADQR')" @click.prevent="cellhanlder('DL',null,'是否下载内部二维码？')">下载内部二维码</a>
          </div>
          <template slot="tdCell" slot-scope="props">
            <el-table-column v-if="props.isMultiHeader" :label="props.label" align="center">
              <template v-for="(item, index) in props.children">
                <el-table-column v-if="item.checked" :key="index" :label="item.text" :min-width="item.minWidth" :width="item.width" :prop="item.prop" :sortable="item.sortable">
                </el-table-column>
              </template>

            </el-table-column>
            <el-table-column v-else :fixed="props.fixed" :label="props.label" :min-width="props.minWidth" :width="props.width" :prop="props.prop" :sortable="props.sortable">
              <template slot-scope="scope">
                <span v-if="'reno' == props.prop">{{scope.$index+1}}</span>
                <span v-else-if="'validFrom' == props.prop && scope.row['validFrom']">
                  {{scope.row['validFrom'] | mileSecondToDate}}至{{scope.row['validTo'] | mileSecondToDate}}
                </span>
                <span v-else-if="'maxReliefValue' == props.prop ">
                  {{scope.row[props.prop] | formatMoney}}
                </span>
                <span v-else-if="'createTime' == props.prop || 'modifyTime' == props.prop ">
                  {{scope.row[props.prop] | mileSecondToDate}}
                </span>

                <span v-else-if="'parkCount' == props.prop && scope.row[props.prop]">
                  <a class="imgLink" @click="ParkListModal_open(scope.row)">
                    查看({{scope.row[props.prop] }})
                  </a>
                </span>
                <span v-else-if="'applyObj' == props.prop">
                  <a v-if="scope.row[props.prop].indexOf('3')!==-1" class="imgLink" @click="SpecificUserModal_open(scope.$index)">
                    {{scope.row[props.prop] | applyObj}}
                  </a>
                  <span v-else>
                    {{scope.row[props.prop] | applyObj}}
                  </span>
                </span>
                <span v-else-if="'validStatus' == props.prop">
                  {{scope.row[props.prop] | validStatus}}
                </span>
                <span v-else-if="'reliefType' == props.prop">
                  {{scope.row[props.prop] | reliefType}}
                </span>
                <span v-else-if="'validWeek' == props.prop">
                  {{scope.row[props.prop] | validWeek}}
                </span>
                <span v-else-if="'status' == props.prop">
                  <span v-if="scope.row[props.prop]!==0"> {{scope.row[props.prop] | status}}</span>
                  <a v-else class="imgLink" @click="examineModal_open(scope.$index,scope.row.id)">{{scope.row[props.prop] | status}}</a>
                </span>
                <span v-else>{{ scope.row[props.prop] }}</span>
              </template>
            </el-table-column>
          </template>
          <template slot="operateCell" slot-scope="props">
            <el-table-column :fixed="props.fixed" :label="props.label" width="150" class-name="operateCell">
              <template slot-scope="scope">
                <el-button size="small" type="primary" icon="icon-lock" class="ake-icon-font" title="禁用" v-if="scope.row['validStatus']=='VALID' && isPermmited('PLATFORM:PARKCOUPON:MANAGE:UPDATESTATUS')" :disabled="scope.row['validStatus']!='VALID'" @click.prevent="cellhanlder('DJ',scope.row['id'],'是否禁用？')" plain></el-button>
                <el-button size="small" type="primary" icon="icon-unlock_normal" class="ake-icon-font" title="启用" v-if="scope.row['validStatus']=='FROZE' && isPermmited('PLATFORM:PARKCOUPON:MANAGE:UPDATESTATUS')" :disabled="scope.row['validStatus']!='FROZE'" @click.prevent="cellhanlder('QY',scope.row['id'],'是否启用？')" plain></el-button>
                <el-button size="small" type="primary" icon="icon-edit" class="ake-icon-font" title="编辑" v-if="isPermmited('PLATFORM:PARKCOUPON:MANAGE:SAVE')" @click="favourableEditModal_open(scope.row)" plain></el-button>
                <el-button size="small" type="danger" icon="icon-delete" class="ake-icon-font" title="删除" v-if="isPermmited('PLATFORM:PARKCOUPON:MANAGE:DEL')" @click.prevent="cellhanlder('DT',scope.row['id'],'是否删除？')" plain :disabled="scope.row['validStatus']!='FROZE'"></el-button>
              </template>
            </el-table-column>
          </template>
        </multi-fun-table>

        <table-pagination :size="total" :cur-page="pageNumber" @backData="getPagination"></table-pagination>
      </div>
    </div>
    <!--modal-->
    <!--至少选择一项  modal-->
    <basic-modal ref="TipModal" bodyTxt="请至少选择一项">
      <h3 slot="title">温馨提示</h3>
      <div class="modal-footer" slot="modal-footer">
        <button class="ake_btn ake_btn_text ake_btn_confirm" @click="TipModal_confirm('至少选择一项', ['关闭'])">确认</button>
        <button class="ake_btn ake_btn_text modal-close" @click="closed('至少选择一项', ['关闭'])">取消</button>
      </div>
    </basic-modal>

    <basic-modal ref="favourableModal" static="true" width="700">
      <h3 slot="title"><span class="modal-otitle"></span>{{handleStatus == 'new'?'添加-优惠':'编辑-优惠'}}</h3>
      <div class="modal-body ModalBody_edit" slot='modal-body'>
        <div class="favourablecss">
          <el-form ref="favourable_form" :model="favourableModalData" :rules="rules" label-width="90px" label-position="left" style="width: 500px">
            <el-form-item prop="couponName" label="优惠名称">
              <el-input v-model="favourableModalData.couponName" placeholder="请输入优惠名称"></el-input>
            </el-form-item>
            <div class="coupon-line">
              <el-form-item prop="reliefType" label="优惠类型" class="coupon-inline">
                <el-select v-model="favourableModalData.reliefType" placeholder="请选择优惠类型">
                  <el-option label="全免优惠" value="0"></el-option>
                  <el-option label="扣减优惠" value="1"></el-option>
                  <el-option label="折扣优惠" value="2"></el-option>
                </el-select>
              </el-form-item>
              <el-form-item prop="maxReliefValue" label="最高优惠金额" label-width="100px" class="coupon-inline last-inline">
                <el-input v-model="favourableModalData.maxReliefValue" placeholder="请输入金额" class="has-unit"></el-input>
                <span class="unit-text" style="right:8px;">元</span> 
              </el-form-item>
            </div>
            <el-form-item prop="faceValue1" label="立减" v-if="favourableModalData.reliefType==1">
              <el-input class="has-unit" v-model="favourableModalData.faceValue1" placeholder="多少"></el-input>
              <span class="unit-text" style="right:8px;">元</span>
            </el-form-item>
            <el-form-item prop="faceValue2" label="折扣" v-if="favourableModalData.reliefType==2" >
              <el-input v-model="favourableModalData.faceValue2" placeholder="(0-1的数值)"></el-input>
            </el-form-item>
            <el-form-item label="使用条件" class="form-item-hasBg2" style="margin-bottom: 20px; margin-top: 4px">
              <div class="coupon-line park-money">
                <span class="money-stext" style="margin-left: 10px">停车费在</span>
                <div class="coupon-line money-num">
                  <el-form-item prop="useRuleMin">
                    <el-input class="has-unit" v-model="favourableModalData.useRuleMin" placeholder="多少"></el-input>
                    <span class="unit-text">元</span> 
                  </el-form-item>
                  <el-col class="line money-cut" :span="1">-</el-col>
                  <el-form-item prop="useRuleMax">
                    <el-input class="has-unit" v-model="favourableModalData.useRuleMax" placeholder="多少"></el-input>
                    <span class="unit-text">元</span> 
                  </el-form-item>
                </div>
                <span class="money-etext">可使用此优惠</span>
              </div>
            </el-form-item>
            <el-form-item label="适用车场" prop="inputParkstr">
              <div class="park">
                <template>
                    <el-tooltip placement="bottom-start">
                      <div slot="content">
                        <ul class="selectParkingLotTree">
                          <li v-for="(item,index) in favourableModalData.inputParks" :key="index" style="margin-bottom: 4px; font-size: 12px;">
                            {{ item }}
                          </li>
                        </ul>
                      </div>
                      <div class="selected-parkingLot">{{inputParkstr}}</div>
                    </el-tooltip>
                </template>
                <el-button size="small" type="primary" @click="openSelectParkModal" class="select-park-btn ake_btn_text">选择停车场</el-button>
              </div>
            </el-form-item>
            <el-form-item prop="applyObjStr" label="适用对象">
              <el-checkbox-group v-model="favourableModalData.applyObjStr" class="coupon-line">
                <span @click="initApplyObjStr(0)" class="coupon-inline">
                  <el-checkbox label="0" >注册用户</el-checkbox>
                </span>
                <span @click="initApplyObjStr(2)" class="coupon-inline">
                  <el-checkbox label="2">非注册用户</el-checkbox>
                </span>
                <span @click="initApplyObjStr(3)" class="coupon-inline">
                  <el-checkbox label="3">特定车牌</el-checkbox>
                </span>
              </el-checkbox-group>
            </el-form-item>
            <el-form-item class="modal-file" v-if="favourableModalData.applyObjStr.indexOf('3')!==-1">
              <div class="modal-filebox">
                <div class="upload-file">
                  <div class="selected-fileLot" v-if="isShowfileInput">{{selFileNameInput}}</div>
                  <a href="javascript::(0)" :class="{'modal-filesel':true,'no-input-lot':!isShowfileInput}">选择文件
                    <input type="file" class="first-item file-input" id='favourablefile' name="favourablefile"></input>
                  </a>
                </div>
                <a href="javascript::(0)" class="ake_btn ake_btn_text select-park-btn"  @click="downSpecialTemplate" :class="{'no-file-input':!isShowfileInput}">下载模板</a>
                <p style="line-height:22px;margin-left:3px;">下载模版填写后上传（仅支持.csv格式）</p>
              </div>
            </el-form-item>
            <el-form-item prop="validTime" label="有效日期">
                <el-date-picker type="datetimerange" placeholder="选择时间" v-model="favourableModalData.validTime" style="width: 100%;" :picker-options="afterPickerOptions" :default-time="['00:00:00', '23:59:59']"></el-date-picker>
            </el-form-item>
            <div class="modal-omoreset" @click="isMoreSetShow = !isMoreSetShow">
              <span>更多设置</span>
              <i class="el-icon-arrow-down" :class="{rotate180:isMoreSetShow}"></i>
            </div>
            <div v-if="isMoreSetShow">
              <div class="modal-otime-head">有效星期</div>
              <el-form-item  prop="validWeekStr" label="">
                <el-checkbox-group v-model="favourableModalData.validWeekStr">
                  <el-checkbox label="1">星期一</el-checkbox>
                  <el-checkbox label="2">星期二</el-checkbox>
                  <el-checkbox label="3">星期三</el-checkbox>
                  <el-checkbox label="4">星期四</el-checkbox>
                  <el-checkbox label="5">星期五</el-checkbox>
                  <el-checkbox label="6">星期六</el-checkbox>
                  <el-checkbox label="7">星期日</el-checkbox>
                </el-checkbox-group>
              </el-form-item>
              <div class="modal-otime-in">有效时间段</div>
              <el-form-item prop="validTimePeriod" label="">
                <el-time-picker is-range v-model="favourableModalData.validTimePeriod" :editable="false" :clearable="false" format="HH:mm" placeholder="请选择有效时间段">
                </el-time-picker>
              </el-form-item>
            </div>
          </el-form>
        </div>
      </div>
      <div class="modal-footer" slot="modal-footer">
        <el-button size="small" type="primary" class="ake_btn ake_btn_text ake_btn_confirm" @click="favourableModal_save($event,'favourable_form')">保存</el-button>
        <button class="ake_btn ake_btn_text modal-close" @click="closed('favourableModal')">取消</button>
      </div>
    </basic-modal>

    <basic-modal ref="SpecificUserModal" static="true" width="600">
      <h3 slot="title">特定用户白名单</h3>
      <div class="ModalBody" slot='modal-body'>
        <div class="HeadMSG">
          <el-form ref="form" :model="SpecificUserModalData" label-width="100px">
            <el-form-item label="车牌号码：">
              <el-input v-model="SpecificUserModalData.query_carCode"></el-input>
            </el-form-item>
          </el-form>
          <el-button type="primary" icon="el-icon-search" @click="SpecificUserModalData_change">搜索</el-button>
        </div>

        <div class="tableDetial">
          <el-table :data="SpecificUserModalData.list" border style="width: 100%" max-height="600" fixed>
            <el-table-column type="index" width="100">
            </el-table-column>
            <el-table-column prop="carCode" label="车牌号码">
            </el-table-column>
            <el-table-column label="导入时间">
              <template slot-scope="scope">
                <span>{{ scope.row.importTime | mileSecondToDate}} </span>
              </template>
            </el-table-column>
          </el-table>
        </div>
      </div>
      <div class="modal-footer" slot="modal-footer">
        <button class="ake_btn ake_btn_text ake_btn_confirm" @click="closed('SpecificUserModal')">确定</button>
      </div>
    </basic-modal>

    <basic-modal ref="ParkListModal" static="true" width="500">
      <h3 slot="title">停车场列表</h3>
      <div class="ModalBody" slot='modal-body'>
        <div class="tableDetial">
          <el-table :data="ParkListModalData.list" border style="width: 100%">
            <el-table-column type="index" width="100" label="序号">
            </el-table-column>
            <el-table-column prop="parkName" label="停车场名称">
            </el-table-column>
          </el-table>
        </div>
      </div>
      <div class="modal-footer" slot="modal-footer">
        <button class="ake_btn ake_btn_text ake_btn_confirm" @click="closed('ParkListModal')">确定</button>
      </div>
    </basic-modal>

    <!--选择停车场树-->
    <basic-modal ref="selectParkModal" width="400" customeClass="select-park-modal" static="true">
      <h3 slot="title">选择停车场</h3>
      <div class="modal-body" slot="modal-body">
        <div class="common-tree modal-tree-box">
          <ul id="ParkTree" name="ParkTree" class="ztree"></ul>
        </div>
      </div>
      <div class="modal-footer" slot="modal-footer">
        <button type="button" class="ake_btn ake_btn_text  ake_btn_confirm" @click="selectParkSure()">确认</button>
        <button class="ake_btn ake_btn_text" @click="closed('selectParkModal',2)">取消</button>
        
      </div>
    </basic-modal>

    <big-pic-modal ref="bigPicModal">
      <img slot="bigImgSlot" :src="bigImgPath | setImgPath" alt="" @error="imgError('../../', 'car', $event)">
    </big-pic-modal>
  </div>
</template>

<script>
import common from "@mixins/common.js";
import stardardList from "@mixins/tables/stardardList.js";
// z-tree
import "../../assets/js/libs/jquery.ztree.core.min.js";
import "../../assets/js/libs/jquery.ztree.excheck.min.js";
//modal
import invokeModal from "@mixins/modal/invokeModal.js";
import BigPicModal from "@components/widgets/BigPicModal.vue";

// image
import images from "@mixins/image.js";

// 引进vue的js
import compaign_coupon from "./js/compaign_coupon.js";
export default {
  name: 'compaignCoupon',
  mixins: [
    common,
    stardardList,
    invokeModal,
    images,
    compaign_coupon
  ],
  components: {
    BigPicModal
  },
  data() {
    var checkNumber = (rule, value, callback) => {
      // setTimeout(() => {
      if (!/^\d+(\.\d+)?$/.test(value)) {
        callback(new Error("请输入数值类型"));
      } else {
        callback();
      }
      // }, 1000);
    };
    var checkNumber2 = (rule, value, callback) => {
      // setTimeout(() => {
      if (!/^(0\.[0-9]+)$/.test(value)) {
        callback(new Error("请输入大于0小于1的数值类型"));
      } else {
        callback();
      }
      // }, 1000);
    };
    var checkValidTimePeriod = (rule, value, callback) => {
      if (value == null || value == "" || value == ",") {
        return callback(new Error("请选择有效时间段"));
      }
      callback();
    };
    var checkValidTime = (rule, value, callback) => {
      if (value == null || value == "" || value == ",") {
        return callback(new Error("请选择有效日期"));
      }
      callback();
    };

    return {
      fixedCols: 3,
      total: 0,
      paramName: "query_parkId",
      specialUserFile: "",
      ParkListModalData: {
        list: []
      },
      SpecificUserModalData: {
        query_carCode: "",
        query_compaignId: "",
        list: []
      },
      favourableModalData: {
        compaignId: "",
        couponName: "",
        applyScene: [],
        parkIdList: [],
        inputParks: [],
        validWeekStr: [],
        validTime: "",
        applySceneType: "",
        couponType: "",
        faceValue: "",
        faceValue1: "",
        faceValue2: "",
        useRuleMin: "",
        useRuleMax: "",
        validTimePeriod: "",
        validTimePeriod1: "",
        validTimePeriod2: "",
        applyObjStr: [],
        maxReliefValue: "",
        reliefType: "0",
        specialUserFile: ""
      },
      rules: {
        couponName: [
          { required: true, message: "请输入优惠名称", trigger: "change"},
          {
            min: 3,
            max: 15,
            message: "长度在 3 到 15 个字符",
            trigger: "change"
          }
        ],
        applyObjStr: [
          {
            type: "array",
            required: true,
            message: "请选择适用对象",
            trigger: "change"
          }
        ],
        validWeekStr: [
          {
            type: "array",
            // required: true,
            // message: "请选择有效星期",
            trigger: "change"
          }
        ],
        faceValue1: [
          { required: true, message: "请填写扣减金额", trigger: "change" },
          { validator: checkNumber, trigger: "change" }
        ],
        faceValue2: [
          { required: true, message: "请填写折扣数值", trigger: "change" },
          { validator: checkNumber2, trigger: "change" }
        ],
        useRuleMin: [
          { required: true, message: "请填写停车费条件", trigger: "change" },
          { validator: checkNumber, trigger: "change" }
        ],
        useRuleMax: [
          { required: true, message: "请填写停车费条件", trigger: "change" },
          { validator: checkNumber, trigger: "change" }
        ],
        maxReliefValue: [
          { message: "请填写最高优惠金额", trigger: "change" },
          { validator: checkNumber, trigger: "change" }
        ],
        validTimePeriod: [
          { validator: checkValidTimePeriod, trigger: "change" }
        ],
        validTime: [{ required: true,validator: checkValidTime, trigger: "change" }],
        reliefType: [{ required: true }]
      },
      //prop-返回数据的字段名称   proisNotInter:true,pNameisNotInter:true,，name-查询字段传参名称    text-显示名称  //initHidden  初始化不显示
      searchList: [
        {
          type: "text",
          isShow: false,
          name: "query_couponName",
          text: "优惠名称",
          value: ""
        },
        {
          type: "select",
          isShow: false,
          name: "query_reliefType",
          text: "优惠类型",
          value: "",
          options: [
            { name: "全部", value: "" },
            { name: "全免优惠", value: "0" },
            { name: "扣减优惠", value: "1" },
            { name: "折扣优惠", value: "2" }
          ]
        },
        {
          type: "select",
          isShow: false,
          name: "query_applyObj",
          text: "适用对象",//适用场景
          value: "",
          options: [
            { name: "全部", value: "" },
            { name: "一点停手机用户", value: "0" },
            { name: "一点停微信用户", value: "1" },
            { name: "游客", value: "2" },
            { name: "特定用户", value: "3" }
          ]
        },
        {
          type: "datePicker",
          isShow: false,
          name: "query_time",
          text: "创建时间",
          propName: "query_createTimeRangeFrom,query_createTimeRangeTo",
          value: "",
          style: { width: "360px" }
        },
        {
          type: "datePicker",
          isShow: false,
          name: "query_time",
          text: "有效日期",
          propName: "query_validTimeRangeFrom,query_validTimeRangeTo",
          value: "",
          style: { width: "360px" }
        }
      ],
      theadsInfo: [
        {
          index: 1,
          isShow: false,
          prop: "couponName",
          text: "优惠名称",
          sortable: true,
          minWidth: 50
        },
        {
          index: 2,
          isShow: false,
          prop: "validStatus",
          text: "状态",
          sortable: true,
          minWidth: 50
        },
        {
          index: 4,
          isShow: false,
          prop: "parkCount",
          text: "适用车场",//适用停车场
          sortable: true,
          minWidth: 45
        },
        {
          index: 6,
          isShow: false,
          prop: "applyObj",
          text: "适用对象",//适用场景
          sortable: true,
          minWidth: 70
        },
        {
          index: 7,
          isShow: false,
          prop: "reliefType",
          text: "优惠类型",
          sortable: true,
          minWidth: 50
        },
        {
          index: 13,
          isShow: false,
          prop: "useRuleShow",
          text: "适用条件",//消费额条件
          sortable: true,
          minWidth: 60
        },
        {
          index: 8,
          isShow: false,
          prop: "faceValue",
          text: "优惠金额",//优惠数值
          sortable: true,
          minWidth: 50
        },
        {
          index: 9,
          isShow: false,
          prop: "maxReliefValue",
          text: "最高优惠金额",
          sortable: true,
          minWidth: 50,
          initHidden: true
        },
        {
          index: 10,
          isShow: false,
          prop: "validFrom",
          text: "有效日期",
          sortable: true,
          minWidth: 120
        },
        {
          index: 11,
          isShow: false,
          prop: "validWeek",
          text: "有效星期",
          sortable: true,
          minWidth: 150,
          initHidden: true
        },
        {
          index: 12,
          isShow: false,
          prop: "validTimePeriod",
          text: "有效时间段",
          sortable: true,
          minWidth: 130,
          initHidden: true
        },
        {
          index: 14,
          isShow: false,
          prop: "createTime",
          text: "创建时间",
          sortable: true,
          minWidth: 80,
          initHidden: true
        },
        {
          index: 15,
          isShow: false,
          prop: "modifyTime",
          text: "修改时间",
          sortable: true,
          minWidth: 80,
          initHidden: true
        }
      ],
      tbodysInfo: []
    };
  },
  methods: {
  }
};
</script>

<style lang="less" scoped>
@import "../../assets/less/libs/zTreeStyle.css";
@import "../../assets/less/manage.less";

.modal-file{
  .modal-filebox{
    .upload-file{
      float:left;
      height: 32px;
      margin-right: 10px;
      margin-top: 1px;
    }
    p{
      float:left;
      color: #666666;
      font-size: 10px;
      transform: scale(0.9);
    }
    height: 68px;
    width: 100%;
    padding-top:10px;
    border: 1px dashed #C2C2C2;
    border-radius: 4px;
  }
  .el-form-item__content{
    position: relative;
    .el-button{
      &.select-park-btn{
        margin-bottom: 2px;
        margin-left: 10px;
        &.no-file-input{
          top: 11px;
          left: 118px;
        }
      }
    }
    .selected-fileLot {
      position: absolute;
      top:10;
      left:10px;
      flex: 1;
      background: #f4f4f4;
      border-radius: 4px;
      padding: 0px 5px;
      display: inline-block;
      font-size: 12px;
      height: 32px;
      width:146px;
      margin-right: 5px;
      line-height: 32px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .modal-filesel{
      position:relative;
      display:inline-block;
      background:#5995D8;
      padding:0 20px;
      border-radius:0 4px 4px 0;
      overflow:hidden;
      color:#FFFFFF;
      text-decoration:none;
      text-indent:0;
      height: 32px;
      line-height:34px;
      margin-left: 148px;
      &.no-input-lot{
        margin-left: 18px;
        border-radius:4px;
      }
      &:hover{
        background:#7aaae0;
        border-color: #7aaae0;
      }
      input {
      position:absolute;
      /* 防止在各浏览器中上传按钮的显示不同,给上传按钮设置文字大小 */
      font-size:25px;
      /* 解决IE中无法靠近边缘问题 */
      right:-5px;
      top:-5px;
      /* 设置透明度为0,针对非IE浏览器或高版本IE浏览器*/
      opacity:0;
      /* 设置透明度为0,这里针对低版本IE浏览器 */
      filter:alpha(opacity=0);
      cursor:pointer;
      }
    }
  }
  
}

.modal-otitle{
  padding-left: 10px;
}
.modal-otime-head{
  font-size: 12px;
  margin: 0 0 0 68px;
}
.modal-otime-in{
  font-size: 12px;
  margin: 0 0 10px 68px;
}
.modal-omoreset{
  font-size: 12px;
  margin-bottom: 27px;
  cursor: pointer;
  width: 80px;
  display: flex;
  justify-content: space-between;
  .el-icon-arrow-down {
    font-size: 18px;
    color: #B0B0B0;
    transition: transform 0.25s ease-in;
    transform-origin: center center;

    &.rotate180 {
      transform: rotate(-180deg);
    }
  }
}
.select-park-textarea {
    // width: 255px;
    margin-right: 11px;
    color: #333;
    > textarea{
      height: 30px !important;
      resize:none;
      outline:none;
      overflow: hidden; 
      white-space: nowrap; 
      text-overflow: ellipsis;
    }
}

.line{
  text-align: center;
}

.el-table td,
.el-table th {
  padding: 0 16px !important;
}

.max_height {
  max-height: 800px;
  overflow-y: scroll;
}

.ModalBody_edit {
  padding: 30px 110px 30px 98px;
  max-height: 480px;
  overflow-y: auto;
  .HeadMSG {
    display: flex;
    margin-bottom: 10px;
    form:first-child {
      margin-right: 20px;
    }
  }
  .el-checkbox {
    margin-left: 0;
    margin-right: 10px;
  }
}

.favourablecss {
  .el-checkbox__label {
    color: black !important;
  }
}

.park {
  display: flex;
  .el-form-item {
    flex: 1;
    margin-right: 35px;
  }
}

.downcolor {
  color: #23527c;
}



.park-money{
  span{
    margin: 0px 5px 0px 5px;
  }
  .money-stext{
    text-align: center;
  }
  .money-etext{
    text-align: center;
  }
  .money-num{
    text-align: center;
    width: 233px;
  }
  .money-cut{
    margin: 0px 3px 0 3px;
  }
}
.coupon-line{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  .coupon-inline{
    flex:1 ;
  }
  .coupon-inline2{
    flex:2 ;
  }
  .coupon-inline3{
    flex:3 ;
  }
  .last-inline{
    padding-left: 25px;
    position: relative;
    .inline-unit1{
      position: absolute;
      right: 10px;
      top: 0;
    }
  }
}
</style>
